import React from 'react'
import { Carousel} from 'antd-mobile';
import './index.scss';
class Member extends React.Component{
    constructor(props) {
        super(props)
        this.state=({
            bannerlist:[1,2,3,4]
        })
    }
    componentDidMount() {
      
    }
    render() {
        // console.log(this.state.bannerlist[0])
        return(
            <div className="box liu" >
                <div className="header">
                    <div className="header">
                        <div className="header-main">
                            <div className="search">
                                <div className="search-inner">
                                    <i className="iconfont iconsousuo"></i>
                                    <span onClick={()=>{this.props.history.push('/nofooter/search')}}>搜索本地或书城</span>
                                </div>
                                <span className="shao">
                                <i className="iconfont iconsaoyisao"></i>
                            </span>
                            </div>
                            <span className="all">全部书籍</span>
                        </div>
                    </div>
                </div>
                <div className='banner'>
                    <Carousel autoplay>
                       {
                           this.state.bannerlist.map(item => {
                                return (
                                    <div key={item} className="bannerDIV">
                                        <img src="" alt="" />
                                        <div style={{height:'1.6rem',width:'3.75rem',background:'#0f5',borderRadius:"0.05rem"}}>模拟背景图</div>
                                   </div>
                              )
                          })
                        
                        }
                    </Carousel>
                    
               </div>

            </div>
        )
    }
}

export default Member